<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="/sh/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="/sh/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/sh/themes/mobile.css">
    <link rel="stylesheet" type="text/css" href="/sh/themes/icon.css">
    <script type="text/javascript" src="/sh/js/jquery.min.js"></script>
    <script type="text/javascript" src="/sh/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/sh/js/jquery.easyui.mobile.js"></script>
    <script type="text/javascript" src="/sh/js/comm.js"></script>
    <script type="text/javascript" src="/sh/js/mobile/index.js"></script>
    <title>盛铧登录</title>
</head>
<body>
<div id="p1" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-title">系统登录</div>
            <div class="m-right">
                <a href="#p2" class="easyui-linkbutton m-next"
                   data-options="animation:'fade',direction:''">注册</a>
            </div>
        </div>
    </header>
    <ul class="m-list" style="display: none;">
        <li><a href="#p2">去注册</a></li>
    </ul>
    <form id="loginForm" method="post">
        <div style="margin-bottom:10px;margin-top:10px;text-align: center;">
            <input class="easyui-textbox" prompt="账号"
                   id="username" name="username" style="width:90%;"/>
        </div>
        <div style="margin-bottom:10px;text-align: center;">
            <input class="easyui-passwordbox" prompt="密码"
                   id="pwd" name="pwd" style="width:90%;"/>
        </div>
        <div style="margin-bottom:10px;margin-left: 20px;">
            <label class="textbox-label">自动登录:</label><!--
				--><input id="autoLogin" class="easyui-switchbutton"
                          data-options="onText:'是',offText:'否'"/>
        </div>
        <div style="margin-bottom:10px;text-align: center;">
            <a href="javascript:void(0)" class="easyui-linkbutton"
               plain="true" outline="true" id="login"
               style="width:90%;">登录</a>
        </div>
    </form>
</div>
<div id="p2" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-title">用户注册</div>
            <div class="m-left">
                <a href="#p1" class="easyui-linkbutton m-back"
                   data-options="animation:'fade',direction:''">登录</a>
            </div>
        </div>
    </header>
    <ul class="m-list" style="display: none;">
        <li><a href="#p1">去登录</a></li>
    </ul>
    <form id="registerForm" method="post">
        <div style="margin-bottom:10px;margin-top:10px;text-align: center;">
            <input class="easyui-textbox" prompt="3到11位账号"
                   id="linkman" name="linkman" style="width:90%;"/>
        </div>
        <div style="margin-bottom:10px;text-align: center;">
            <input class="easyui-textbox" prompt="3到6位，比如：神雕大侠"
                   id="nickname" name="nickname" style="width:90%;"/>
        </div>
        <div style="margin-bottom:10px;text-align: center;">
            <input class="easyui-passwordbox" prompt="3到20位密码"
                   id="pwd1" name="pwd1" style="width:90%;"/>
        </div>
        <div style="margin-bottom:10px;text-align: center;">
            <input class="easyui-passwordbox" prompt="两次输入密码要一致"
                   id="pwd2" name="pwd2" style="width:90%;"/>
        </div>
        <div style="margin-bottom:10px;text-align: center;">
            <select class="easyui-combobox" name="departmentId"
                    style="width:90%" data-options="editable: false"/>
            <option value="ar">车间</option>
            <option value="bg" selected="selected">办公室</option>
            </select>
        </div>
        <div style="margin-bottom:10px;text-align: center;">
            <a href="javascript:void(0)" class="easyui-linkbutton"
               plain="true" outline="true" id="register"
               style="width:90%;">注册</a>
        </div>
        <div style="margin-bottom:10px;text-align: center;">
            <a href="javascript:void(0)" class="easyui-linkbutton"
               plain="true" outline="true" onclick="$('#registerForm').form('reset')"
               style="width:90%;">重置</a>
        </div>
    </form>
</div>
</body>
<script>
/*    $(function () {
        if(isPhone()) {
            $("#p2").css("display","none");
            return;
        }
    });*/
</script>
</html>
